{% include 'head.html' %}








<body>





  <!-- 最为层容器 -->
  <div class="jd_container">
    <!-- 顶部 -->
    <div class="jd_header" style="height: 50px;background: #dce2ec;">

      <!--<span style="float: left;margin-left: -18%;margin-top: 15px;">货比三家</span>-->
      <a href="#" id="J_Address">
        <span style="float: left;margin-left: -15%;margin-top: 5px;font-size: 28px;color: #000;">
          <i class="fa fa-bars"></i>
        </span>
      </a>
      
      <form class="form-search" style="margin-top: 8px;margin-left: 20px;">
      <div class="input-append">
          <input id="inputdata" name="inputdata" type="text" class="search-query" style="height: 30px;width: 80%;">
          <a class="btn" style="height: 30px;" onclick="go_query();">查询</a>
        </div>
      </form>
      
    </div>


    <script type="text/javascript">
      function go_query(){
        var inputdatas = $("#inputdata").val();
        //alert(inputdatas);
        if(inputdatas!=""){
          window.location.href="/queryData?keys="+inputdatas;
        }
      }
    </script>


<a style="float: left;margin-top: -20px;margin-right: 20px;"></>

<script type="text/javascript" src="static/js/ydui.citys.js"></script>
<script type="text/javascript" src="static/js/ydui.js"></script>
<script type="text/javascript">
/**
 * 默认调用
 */
!function () {
  var $target = $('#J_Address');

  $target.citySelect();

  $target.on('click', function (event) {
    event.stopPropagation();
    $target.citySelect('open');
  });

  $target.on('done.ydui.cityselect', function (ret) {
    $(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);
  });
}();

</script>


    {% include 'units/banner.html' %}

    
    <div id="top1" style="width: 1000px; overflow: hidden; height: 25px;background-color: #8d91aa;">
      <div class="content_bottom" >
          <ul class="seckul clearfix">
            <li class="seck_list1">
              
                <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>男装</p>
                </a>
              
              
            </li>
            <li class="seck_list1">
                <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>女装</p>
                </a>
              
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>美装</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>手机</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>电脑</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>华为</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>Iphone</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>童装</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>玩具</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>家具</p>
                </a>
            </li>


            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>CK</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>裙子</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>香奈儿</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>迪奥</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>香水</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>口红</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
                  <p>口红</p>
                </a>
            </li>



          </ul>

        </div>

      </div>
      
    

        <script type="text/javascript">
  var top=$("#top1").offset().top;
  $(window).scroll(function () {
    if ($(window).scrollTop() >= 135) {
      $("#top1").attr("style", "overflow: hidden;position:fixed;top:50px;left:0;z-index:90;background:black;color:#000;background-color: #8d91aa;");
    } else {
       $("#top1").attr("style", "width: 100%; overflow: hidden; height: 30px;background-color: #8d91aa;");
    }

    //下拉刷新
    console.log(getScrollTop());
    console.log(getClientHeight());
    console.log(getScrollHeight());
      if(getScrollTop() + getClientHeight() >= getScrollHeight()) {
          console.log('下拉刷新了');
          //此处发起AJAX请求
          //alert("下拉刷新了");
      }


  }).trigger("scroll");
</script>





    <!-- 导航栏 -->
    <div class="jd_nav" style="background-color: #fff;">
      
      <ul class="clearfix" style="margin-top: 20px;">
        
        <li style="width: 33%;">
          <a href="/yhjtb">
            <img class="home_button" style="height: 65px;" src="https://f12.baidu.com/it/u=2581216515,173805886&fm=72">
            <p>淘宝</p>
          </a>
        </li>
        
        <li style="width: 33%;">
          <a href="/yhjjd">
            <img class="home_button" style="height: 65px;" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1910708480,2750735962&fm=26&gp=0.jpg">
            <p>京东商城</p>
          </a>
        </li>
        
        <li style="width: 33%;">
          <a href="">
             <img class="home_button" style="height: 65px;" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2871046034,1292992596&fm=26&gp=0.jpg">
            <p>天猫</p>
          </a>
        </li>
        
      </ul>
      


      <div class="home_button" style="margin-top: -3%;width: 98%;height: 88px;background-color: red;margin-left: 1%;-webkit-border-radius: 8px;float: left;">
  <a href="/yhjhome">
    <div style="width: 100%;text-align:center;"><br><h3 style="color: #fff;">{{tltle}}</h3></div>
  </a>

  
    </div>

    </div>



    


    </div>


  

    <!-- 京东内容区域 -->
    <div class="jd_mian" id="container">
      <div class="main_content" style="background-color: #fff;">
        

        


        {% for data in datalist %}
        
        
          {% if data[5] in [2] %}
          <div  style="width: 44%; background-color: #fff;height: 260px;margin-left: 4%;margin-top: 5%;float: left;
          background-image:url(http://118.25.137.1/h5/juanbk3.png);background-size:100% 100%;">
              <div class="row-fluid" style="text-align: center;">
                

                  <a href="#" class="btn btn-link" style="color: #272829;">

                  <img src="{{data[1]}}" alt="" style="width: 100%;height: 80px;margin-top: 15%;">
                  </a>
                
                  
                    <div style="width: 100%;height: 70px;text-align: center;margin-top: -5%;margin-bottom: 5%;">
                      <h6 style="color: #000;line-height: 20px;color: #272829;margin-bottom: -1%;">{{data[3]}}</h6>
                          <span style="color: #000;line-height: 5px;font-size: 8px;">价格：{{data[6]}}</span>
                          <span style="color: #000;line-height: 5px;font-size: 8px;">销量：{{data[7]}}</span>
                            <h4 style="color: #000;line-height: 10px;">{{data[2]}}</h4>
                          
                    </div>
                      <a href="#">
                        <div style="width: 100%;height: 50px;text-align: center;margin-top: 10%;">
                          
                          <a href="{{data[4]}}" style="color: #fff;"><span style="font-size: 24px;">立即领取</span><br><span style="font-size: 6px;margin-top: -10%;">({{data[0]}})</span></h4>

                      </div>
                    </a>

               </div>
              </div>
          
          {% else %}

              <div style="width: 44%; background-color: #fff;height: 260px;margin-left: 4%;margin-top: 5%;float: left;background-image:url(http://118.25.137.1/h5/juanbk3.png);background-size:100% 100%;">
              <div class="row-fluid" style="text-align: center;">
                

                  <a href="#" class="btn btn-link" style="color: #272829;">

                  <img src="{{data[1]}}" alt="" style="width: 130%;height: 80px;margin-top: 20%;">
                  </a>
                
                  
                    <div style="width: 100%;height: 40px;text-align: center;margin-top: -5%;margin-bottom: 5%;">
                      <h6 style="color: #000;line-height: 20px;color: #272829;">{{data[3]}}</h6>
                          <h4 style="color: #000;line-height: 15px;">{{data[2]}}</h4>
                          
                    </div>
                      <a href="#">
                        <div style="width: 100%;height: 50px;text-align: center;margin-top: 28%;">
                          
                          <a href="{{data[4]}}" style="color: #fff;"><span style="font-size: 24px;">立即领取</span><br><span style="font-size: 6px;margin-top: -10%;">({{data[0]}})</span></h4>

                      </div>
                    </a>

               </div>
              </div>

          {% endif %}

          {% endfor %}

          

     



      

        
        <div class="super_day" style="float: left;">
          <br>
          <div class="super_img">
            <a href="">

              <img src="https://gtms04.alicdn.com/tps/i4/TB1aAIWHpXXXXahXpXXoeuYLVXX-1920-429.jpg" alt="" style="width: 100%;">
            </a>
          </div>


          
        </div>



        



      </div>
    </div>


    

  </div>




<div id="lodinggo">
    <img style="width: 100%;height: 150px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559654212283&di=a780121fd32955065b060b885c7dc0b9&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F03937de50fab17a88fcb6039242de0cf89657b472a98a-7EtXD9_fw658">
</div>



{% include 'foot_sp.html' %}